<template>
  <tab-bar>
    <tab-bar-item path="/home">
      <i class="icon iconfont icon-RectangleCopy1"></i>
      <span>首页</span>
    </tab-bar-item>

    <tab-bar-item path="/category">
      <i class="iconfont icon-RectangleCopy2"></i>
      <span>分类</span>
    </tab-bar-item>

    <tab-bar-item path="/cart">
      <i class="iconfont icon-icon-test"></i>
      <span>购物车</span>
    </tab-bar-item>

    <tab-bar-item path="/profile">
      <i class="iconfont icon-RectangleCopy"></i>
      <span>我的</span>
    </tab-bar-item>
  </tab-bar>
</template>
<script>
import TabBar from "commons/tabbar/TabBar";
import TabBarItem from "commons/tabbar/TabBarItem";

export default {
  name: "",

  data() {
    return {};
  },
  methods: {},
  components: {
    TabBar,
    TabBarItem
  }
};
</script>
<style>
@import "../../../assets/iconfont/iconfont.css";
</style>
